@tailwind base;
@tailwind components;
@tailwind utilities;
body {
  --color-menu-dark-bg: #121212 !important;

  background-size: cover !important;
  background-color: #121212cc !important;
}
html {
}
.arco-layout-sider-light,
.arco-menu-dark {
  /*//渐变背景*/
  background-color: #12121250 !important;
  position: relative;
}

/*
是arco-menu-selected 但是 不是 这个类 arco-menu-inline-header
*/
.arco-menu-selected {
  border-radius: 9px !important;
  box-shadow: 0 0 10px 5px rgb(1, 44, 124) inset;
  margin: auto 5px;
  padding-left: 7px !important;
}
.arco-menu-inline-header {
  box-shadow: none;
}
.arco-menu-selected .arco-menu-title {
  color: #fff;
}
.arco-layout-sider-light::after {
  background-image: url('./assets/image/background.png') !important;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
/*background: linear-gradient(75deg, var(--color-menu-dark-bg), #545454);*/
.arco-card,
.arco-table-container,
.arco-btn:not(.arco-btn-text) {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px 3px rgb(0, 0, 0, 0.1) inset !important;
}
